<!doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
        <foreach name="list" item='vo1'>
        <title>{$vo1.goods}</title>
        </foreach>
<style type="text/css">
/* reset */
body{font:12px/18px "宋体",arial,sans-serif;color:#585858;}
body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;} 
img{border:0;}
fieldset,button,input,select,option{vertical-align:middle;font:12px/18px "宋体",arial,sans-serif; }
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
/* color */
a:link,a:visited{color:#575757;text-decoration:none;}
a:hover{color:#ef4165;text-decoration:none;}
a:active{color:#1d7400;}
/* clearfix */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}

.preview{width:400px; height:465px; margin:50px 0px 0px 50px;border:1px solid #f7f7f7;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
.hover{background:light;}

*{margin: 0;padding:0;list-style: none}
        a{text-decoration: none}
        .all{width:813px; overflow: hidden;}
        .yi{width: 813px;height: 43px;background: url("__PUBLIC__/Home/img/discus_img/bg_pro_fun_line.jpg") no-repeat scroll left bottom;}
        .er{width: 813px;height: 43px;float:left;background: url("__PUBLIC__/Home/img/discus_img/icon_product_comment.png") no-repeat scroll 20px 0px;color:#2B9BDF;font-size: 22px;font-weight: normal;margin-top: 10px}
        .big{width: 813px;border: 1px solid #E1E1E1;margin-top: 10px;overflow: hidden;}
        .san{width: 780px;height:60px;border-bottom:1px solid #E1E1E1; margin:0 auto;}
        .nodiscus{width: 780px;height:42px;border-bottom: 1px dotted #E1E1E1;margin:0 auto;line-height: 42px;color:#999999;margin-bottom: 20px;}
        .si{width: 780px;overflow: hidden;margin:0 auto;margin-top: 20px;margin-bottom: 20px;display: block;}
        .left{width: 85px;height:85px;float:left;display: block;}
        .im{width: 85px;height:85px;}
        .nam{text-align: center;width:85px;color:#535353;font-size: 13px}
        .zhong{width:20px; position:relative;height:32px;float:left;margin-top: 20px;display: block;}
        .zhong_img{position:absolute; right:-10px ;width:20px;height:32px;background: url("__PUBLIC__/Home/img/discus_img/hr.png") no-repeat;display: block;}
        .right{width: 668px;float:right;border:1px solid #E1E1E1;overflow: hidden;background: #F6F6F6;display: block;}
        .wu{width: 640px;height:42px;border-bottom: 1px dotted #E1E1E1;margin:0 auto;display: block;}
        .liu{width: 640px;height:42px;line-height:42px;color:#535353;margin-left:18px;border-bottom: 1px dotted #E1E1E1;font-size:15px;margin-bottom:20px;display: block;}
        .qi{width:630px;overflow: hidden;border:1px solid #E1E1E1;margin-left: 20px;margin-bottom: 20px;display: block;}
        #ba{width: 630px;overflow: hidden;border-bottom: 1px dotted #E1E1E1;margin:0 auto;display: block;}
        .jiu{width: 600px;line-height:42px;margin-left:18px;border-bottom: 1px dotted #E1E1E1;overflow: hidden;font-size:15px;margin-bottom:20px;display: block;font-size:15px;color:#EB5800;}
        .clear{clear:both;}
        .page{width:780px;height:42px;overflow: hidden;margin-left: 20px;margin-bottom: 20px;display: block;color:#999;text-align: center;line-height: 42px;margin:0 auto;}
</style>

<load href='__PUBLIC__/js/jquery-1.7.2.min.js' />

<include file="Public/goods-header"/>
        <div class="zs-wrapper">
            <div class="zs-bread-crumbs">
            <a href="{:U('Index/index')}">首页</a>&gt;

           
            <foreach name="name2" item="vo1">
           
            <a href="{:U('Goods/goodslist?id='.$vo1['id'])}">{$vo1.name}</a>&gt;
            </foreach>
            <span>{$name}</span>
        </div>
         <foreach name="list" item="val">
            <div class="zs-inner clearfix">
                <div class="zs-deal-detail">
                    <!-- 焦点图 -->
                   
                   <div class="preview">
    <div id="vertical" class="bigImg">
        <img src="__ROOT__/Uploads/{$val.picname}" width="400" height="400" alt="" id="midimg" />
        <div style="display:none;" id="winSelector"></div>
    </div><!--bigImg end--> 
    <div class="smallImg">
        <!-- <div class="scrollbutton smallImgUp disabled"></div> -->
          
        <div id="imageMenu">
            <ul>
                
                <li id="onlickImg">
                <img src="__ROOT__/Uploads/{$val.picname}" width="68" height="68" /></li>
                  <foreach name="img" item="val2" key="k">
                    <li>
                <img src="__ROOT__/Uploads/Goods/{$val2.picname}" width="68" height="68" alt=""/></li>
                <!-- <li><img src="__PUBLIC__/small/02.jpg" width="68" height="68" alt="洋妞"/></li>
                <li><img src="__PUBLIC__/small/03.jpg" width="68" height="68" alt="洋妞"/></li>
                <li><img src="__PUBLIC__/small/04.jpg" width="68" height="68" alt="洋妞"/></li> -->
                
                </foreach>
            </ul>
        </div>



         
        <!-- <div class="scrollbutton smallImgDown"></div> -->
    </div><!--smallImg end-->   
    <div id="bigView" style="display:none;"><img width="800" height="800" alt="" src="" /></div>
</div>

<div style="width:100px;height:20px;">
    <a href="{:U('User/attention?id='.$val['id'])}" ><button>关注商品</button></a>
</div>

 

             <script type="text/javascript">
$(document).ready(function(){
    // 图片上下滚动
    var count = $("#zs-focus-list li").length - 6; /* 显示 6 个 li标签内容 */
    var interval = $("#zs-focus-list li:first").width();
    var curIndex = 0;
    
    $('#zoom1-big').click(function(){
        if( $(this).hasClass('disabled') ) return false;
        
        if ($(this).hasClass('smallImgUp')) --curIndex;
        else ++curIndex;
        
        
        
        $("#zs-focus-list ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600);
    }); 
    // 解决 ie6 select框 问题
    $.fn.decorateIframe = function(options) {
        if ($.browser.msie && $.browser.version < 7) {
            var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
            $(this).each(function() {
                var $myThis = $(this);
                //创建一个IFRAME
                var divIframe = $("<iframe />");
                divIframe.attr("id", opts.iframeId);
                divIframe.css("position", "absolute");
                divIframe.css("display", "none");
                divIframe.css("display", "block");
                divIframe.css("z-index", opts.iframeZIndex);
                divIframe.css("border");
                divIframe.css("top", "0");
                divIframe.css("left", "0");
                if (opts.width == 0) {
                    divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                if (opts.height == 0) {
                    divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                divIframe.css("filter", "mask(color=#fff)");
                $myThis.append(divIframe);
            });
        }
    }
    $.fn.decorateIframe.defaults = {
        iframeId: "decorateIframe1",
        iframeZIndex: -1,
        width: 0,
        height: 0
    }
    //放大镜视窗
    $("#zs-big-pic").decorateIframe();
    //点击到中图
    var midChangeHandler = null;
    
    $("#imageMenu li img").bind("click", function(){
        if ($(this).attr("id") != "onlickImg") {
            midChange($(this).attr("src").replace("small", "mid"));
            $("#imageMenu li").removeAttr("id");
            $(this).parent().attr("id", "onlickImg");
        }
    }).bind("mouseover", function(){
        if ($(this).attr("id") != "onlickImg") {
            window.clearTimeout(midChangeHandler);
            midChange($(this).attr("src").replace("small", "mid"));
            $(this).css({ "border": "3px solid #959595" });
        }
    }).bind("mouseout", function(){
        if($(this).attr("id") != "onlickImg"){
            $(this).removeAttr("style");
            midChangeHandler = window.setTimeout(function(){
                midChange($("#onlickImg img").attr("src").replace("small", "mid"));
            }, 1000);
        }
    });
    function midChange(src) {
        $("#midimg").attr("src", src).load(function() {
            changeViewImg();
        });
    }
    //大视窗看图
    function mouseover(e) {
        if ($("#winSelector").css("display") == "none") {
            $("#winSelector,#bigView").show();
        }
        $("#winSelector").css(fixedPosition(e));
        e.stopPropagation();
    }
    function mouseOut(e) {
        if ($("#winSelector").css("display") != "none") {
            $("#winSelector,#bigView").hide();
        }
        e.stopPropagation();
    }
    $("#midimg").mouseover(mouseover); //中图事件
    $("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件

    var $divWidth = $("#winSelector").width(); //选择器宽度
    var $divHeight = $("#winSelector").height(); //选择器高度
    var $imgWidth = $("#midimg").width(); //中图宽度
    var $imgHeight = $("#midimg").height(); //中图高度
    var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度

    function changeViewImg() {
        $("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big"));
    }
    changeViewImg();
    $("#bigView").scrollLeft(0).scrollTop(0);
    function fixedPosition(e) {
        if (e == null) {
            return;
        }
        var $imgLeft = $("#midimg").offset().left; //中图左边距
        var $imgTop = $("#midimg").offset().top; //中图上边距
        X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
        Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
        X = X < 0 ? 0 : X;
        Y = Y < 0 ? 0 : Y;
        X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
        Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;

        if ($viewImgWidth == null) {
            $viewImgWidth = $("#bigView img").outerWidth();
            $viewImgHeight = $("#bigView img").height();
            if ($viewImgWidth < 200 || $viewImgHeight < 200) {
                $viewImgWidth = $viewImgHeight = 800;
            }
            $height = $divHeight * $viewImgHeight / $imgHeight;
            $("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
            $("#bigView").height($height);
        }
        var scrollX = X * $viewImgWidth / $imgWidth;
        var scrollY = Y * $viewImgHeight / $imgHeight;
        $("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 });
        $("#bigView").css({ "top": 75, "left": $(".preview").offset().left + $(".preview").width() + 15 });

        return { left: X, top: Y };
    }
});
</script> 
                        
                        <!-- //焦点图 -->
                        
</div>
                    
                   
                    <div class="zs-deal-wrap">
                        <!-- 商品标题 -->
                        <h3 class="zs-commodity-title">{$val.goods}</h3>
                        <div class="zs-subtitle" style="display:none;"></div>
                        <!-- //商品标题 -->
                        <!-- 价格 -->
                        
                       
                        
                        <div class="zs-price-panel">
                            <!--满赠满减end-->
                            <dl class="zs-sale-price">
                                <dt>价格：</dt>
                                <dd>   
                                <span class="zs-price">&yen;<em id="zp-goods-price">{$val.price}</em></span>
                                </dd>    
                            </dl>
                             <!--满赠满减-->
                        </div>
                        <!-- //价格 -->
                                                    <!-- 交易区块 -->
                            <div class="zs-detail-infor">
                               

                                <dl class="zs-freight-a">
                                    <dt>配&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;送：</dt>
                                    <dd class="clearfix">
                                        <div class="zs-freight-area">
                                            <div class="area-selected-wrap clearfix">
                                                <div class="area-selected">
                                                    <!-- 点击之后添加 area-selected-cur 样式 -->                                                  
                                                <div class="area-selected-infor" style="display: block;"><strong class="bold">顺丰包邮</strong></div>
                                                    
                                            </div>
                                        </div>
                                    </dd>
                                </dl>

                                <dl class="zs-freight" style="z-index:1;display:none;">
                                    <dt>服务保障：</dt>
                                    <dd class="clearfix">
                                        <a href="" target="_blank">  <img src="__PUBLIC__/Picture/1.png" align="absmiddle" title="ZOL用户保障服务:7天退换货" border="0"></a>&nbsp;&nbsp;支持七天无理由退换货
                                    </dd>
                                </dl>
                            
                                <dl class="zs-freight" style="z-index:1;">
                                    <dt>售&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;后：</dt>
                                    <dd class="clearfix">由<span style="color:#ff0000;"><a href="" target="_blank" class="link" id="zs_shop_url">{$val.shop_name}</a></span>发货并负责售后服务</dd>
                                </dl>
                            
                                <div class="zs-skin-inner">
                                    <div class="zs-hd">选择您要的商品信息<i class="zs-close"></i></div>
                                    <!-- 颜色类别 -->
                                                                            
                                    

            <!-- 套装 -->
                <dl class="zs-suit">
                    <dt>套&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;装：</dt>
                    <dd>
                        
                        <!-- 套装详情 -->
                        <div class="zs-suit-infor" id="zp-suit-desc">{$val.descr}</div>
                        <!-- 详情end -->
                    </dd>
                     <!-- <span>
                        <img onclick="shuliang(this,-1,{$list['id']});" src="__PUBLIC__/Qpublic/images/bag_close.gif" kucun="{$list['kc']}" data-price="{$vo.price}" data-rprice="{$vo.prive}">
                    </span>
                    <span>
                        <input id="buy_num_{$list['id']}" type="text" kucun="{$list['kc']}" value="1" class="number-add">
                    </span>
                    <span>
                        <img onclick="shuliang(this,1,{$list['id']});" src="__PUBLIC__/Qpublic/images/bag_open.gif" kucun="{$list['kc']}" data-price="{$vo.price}" data-rprice="{$vo.prive}">
                    </span>  -->

                </dl>
                <!-- 套装end -->
                                    
                <form action="" method="post" name="confirmOrderSubmit" id="confirmOrderSubmit">
                
                <!--提交订单的时间-->
                <dl class="zs-quantity">
                <dt>购买数量：</dt>
                <dd class="clearfix">
                <div class="amount-widget">
                <span class="zs-decrease zs-no-decrease">
                    <img onclick="shuliang(this,-1,{$val['id']});" src="__PUBLIC__/images/bag_close.gif" kucun="{$val['store']}" data-price="{$vo.price}" data-rprice="{$vo.prive}" style="height:28px;width:28px">
                </span>
                <span>
                    <input id="buy_num_{$val['id']}" type="text" kucun="{$val['store']}" title="请输入购买量" value="1" class="zs-goods-number">
                </span>
                <span class="zs-increase ">
                    <img onclick="shuliang(this,1,{$val['id']});" src="__PUBLIC__/images/bag_open.gif" kucun="{$val['store']}" data-price="{$val['price']}"  style="height:28px;width:28px">
                </span>
                </div> 
                
                <span class="zs-part">件<em class="zs-goods-number-show">（限购{$val.store}件）</em></span>
                <span class="zs-goods-number-tips" id="zs-goods-number-tips" style="display:none;"></span>
                </dd>
            </dl>
            <script type="text/javascript">
            function shuliang(url,num,id){
            var basketnum_id = "#buy_num_"+id;   
            var obuy = $(basketnum_id).val();       //获取商品购买数量
            var kucun = $(url).attr('kucun');       //获取库存量
            
            if (num > 0) {
                  if(obuy == kucun){
                    alert("您好，商品已达今日库存上线！");
                    $(url).parent().siblings().find("input").val(kucun);
                    var nbuy = Number(obuy) = kucun;
                  }else{
                    var nbuy = Number(obuy) + Number(num);  //Number=把对象转为数字，每点击一次加一件
                 
                  }     

            } else {               
              var nbuy = obuy - Number(-num);   //每点击一次减一件                     
            }
            if (nbuy > 0) {
            var shuzhi         = $(basketnum_id).val(nbuy);        //给数量赋值
        }
  }
</script>
                <!-- 购买数量end -->
                <!-- 立即购买 -->
                <div class="zs-deal-btn clearfix">
                    <a style="cursor:pointer;" title="立即购买" class="zs-buy-now" id='buynow' href="{:U('Cart/add',array('id'=>$val[id]))}">立即购买</a>
                   
                    <a href="{:U('Cart/add',array('id'=>$val[id]))}" class="zs-store-buy" onClick="" title="加入购物车">加入购物车</a>
                    <a href="javascript:void(0)" class="zs-confirm-btn" style="display:none;">确认</a>
                </div>
            <!-- 立即购买end -->
                </form>
            </foreach>
</div>

        <dl class="zc-service-bar">
            <dt>服务保障：</dt>
            <dd>
                <ul class="clearfix">
                    <li><a href="" target="_blank"><i class="iconfont">&#xe609;</i>行货保证</a></li>
                    <li><a href=""><i class="iconfont">&#xe60b;</i>发票保障</a></li>
                    <li><a href="" target="_blank"><i class="iconfont">&#xe60f;</i>24小时发货</a></li>
                    <li><a href="" target="_blank"><i class="iconfont">&#xe60e;</i>顺丰包邮</a></li>
                    <li><a href="" target="_blank"><i class="iconfont">&#xe60d;</i>无忧退换</a></li>
                    <li><a href="" target="_blank"><i class="iconfont">&#xe60a;</i>先行赔付</a></li>
                </ul>
            </dd>
        </dl>
    </div>
    <!-- //交易区块 -->

                    </div>
                </div>

                
            </div>

                            
                    </div>
        <!-- 店铺优惠 -->
        <div class="wrapper clearfix">
            <div class="zs-main">
                <div class="zs-tabbar zs-tabbar-nav clearfix" id="zsTabbar">
                    <ul class="clearfix" id="zp-tabbar">
                        <li class="cur" rel="zs-tab-goods-content"><a href="javascript:void(0)">商品详情</a></li>
                        
                        <li rel="zp-tab-user-review"><a href="javascript:void(0)">购买评价<em id="zp-nav-order-review">{$count}</em></a></li>
                        
                        <li rel="zp-tab-order-record"><a href="javascript:void(0)">成交记录<em id="zp-nav-order-record">{$order}</em></a></li>
                        
                    
                       
                        
                    </ul>
                    
                </div>

                <div class="zs-container" id="cont">
                    <!-- 商品详情 -->
                    <div class="zs-goods-detail div" id="zp-goods-detail" style="display:block"  class="hover">
                        <a href="" target="_blank">
                            <div class="sevice-banner">四人定制商城Z<span class="add-plus">+</span>升级服务 新服务 心开始 让您的网购体验 从此安全无忧</div>
                        </a>
                        <div class="sevice-title" id="pro-show">
                            <span class="title">商品介绍</span><span class="english-title">Products</span>
                        </div>
                         <div class="service-content">
                            <div class="zs-goods-content" id="zs-tab-goods-content">                            
                               <table align="center" cellpadding="0" cellspacing="0" width="750">
                                <tbody>
                                <foreach name="detail" item="val5">
                                    <tr class="firstRow">
                                    
                                    <td><img class="" src="__ROOT__/Uploads/Goods/{$val5.picname}" style="" data-lazyload="done" alt=""  width="750"/></td></tr>
                                </foreach>
                                <!-- <tr class="firstRow">
                                    <td><img class="" src="__PUBLIC__/Picture/ChMkJ1ZKsb-IckbnAA7WXJRtUI4AAFAHwFv0kUADtZ0734.jpg" style="" data-lazyload="done" alt=""  width="750"/></td></tr> -->
                                </tbody>
                                    
                                </table>
                            </div>
                        </div>
                    </div>
                    

                    <!-- 购买评价开始 -->
                    <div class="zs-comment-mod div" id="zp-tab-user-review" style="display:none" >
                        <div class="all">
                        <p class="yi">
                        <span class="er"><span style="margin-left:50px;">评论</span></span>
                    </p>
                    <p class="big">
                        <span class="san">
                            <span style="font-size: 18px;font-weight: 700;color:#2A9BDF;margin-left:20px;float:left;line-height: 60px;">
                                {$count}人
                            </span>
                            <span style="font-size: 15px;font-weight:500;color:#535353;float:left;line-height: 60px;">参与了评价</span>
                            <span style="width:80px;height:30px;border-radius:6px;background:#058ED8;margin-left:470px;margin-top:16px;line-height:30px;float:left;">
                                <a href="{:U('Order/index')}"style="width:80px;height:30px;border-radius:6px;background:#058ED8;color:#fff;font-size: 15px;font-weight:700;margin-left:7px">
                                    我要评论
                                </a>
                            </span>
                        </span>
                        <foreach name='dis' item="value">
                            <if condition="($value.sg eq '1')">
                                <p class="nodiscus">
                                    暂时没人对本商品进行评价,如果您对本商品有什么评论或经验,欢迎分享!
                                </p>
                            <else />
                                <span class="si">
                                    <span class="left">
                                        <span class="im">
                                            <img src="__ROOT__/Uploads/Public/{$value.photo}" style="width:85px;height:85px;border:1px solid #CCCCCC;border-radius:4px;">
                                        </span>
                                        <span class="nam">{$value.username}</span>
                                    </span>
                                    <span class="zhong">
                                        <span class="zhong_img"></span>
                                    </span>
                                    <span class="right">
                                        <span class="wu">   
                                            <span style="margin-left:20px;float:left;color:#058ED8;line-height: 42px;font-size:15px;">综合评论等级：{$value.clevel}</span>
                                            <span style="margin-left:300px;float:left;color:#058ED8;line-height: 42px;font-size:15px;">{$value.ctime}</span>  
                                        </span>
                                        <span class="liu">
                                                {$value.content}
                                        </span>
                                        <if condition="$value.reply neq null">
                                            <span class="qi">
                                                <span id="ba">
                                                    <span style="margin-left:20px;float:left;line-height: 42px;font-size:15px;color:#EB5800;">小四回复</span>
                                                    <span style="color:#535353;float:left;line-height: 42px;font-size:15px;color:#EB5800;">：</span>
                                                    <span style="margin-left:350px;float:left;line-height: 42px;font-size:15px;color:#EB5800;">
                                                        {$value.addtime}
                                                    </span>
                                                </span>
                                                <span class="jiu">
                                                        {$value.reply}<br/>
                                                        欢迎光临四人定制商城,(づ￣ 3￣)づ<br/>
                                                        再次感谢您的支持与厚爱~祝您生活愉快~<br/>
                                                    
                                                    <span class="clear"></span>
                                                    
                                                        【四人定制官方商城】
                                                </span>
                                            </span> 
                                        </if>
                                    </span>
                                </span>
                            </if>
                        </foreach>
                        <span class="page">{$pageButton}</span>
                    </p>
                </div>

                    </div>

                    <script>   
                    var str = $('.num').parent().html();
                    $('.num').parent().remove();
                    $(".page").html(str)
                
                    $(".page a").click(function(){
                        $.get($(this).attr('href'),function(html){
                              $(".big").html(html);
                        })
                        return false; //防止跳转
                    })
                </script>
                    

                    <!-- 交易记录开始 -->
                    <div class="zs-purchase-record div" id="zp-tab-order-record" style="display:none">
                        <div style="display:block;">
                        <table>
                            <tbody>
                                <tr>
                                    <th class="zs-cell-buyer">买家</th>
                                    <th class="zs-cell-sku">款式和型号</th>
                                    <th class="zs-cell-price" >价格</th>
                                    <th class="zs-cell-amount">数量</th>
                                    <th class="zs-cell-time">成交时间</th>
                                    <th class="zs-cell-state">状态</th>
                                </tr>
                                <foreach name="orders" item="ord">
                                <tr>
                                    <td class="zs-cell-buyer">{$ord.linkman}</td>
                                    <td class="zs-cell-type">
                                        <p>{$ord.name}</p>
                                        
                                    </td>
                                    <td class="zs-cell-price" >￥<em>{$ord.price}</em><!-- <span class="zs-cu-ico" alt="促销">促</span> -->
                                    </td>
                                    <td class="zs-cell-amount">{$ord.num}</td>
                                    <td class="zs-cell-time">{$ord.addtime}</td>
                                    <td class="zs-cell-state">{$ord.status}</td>
                                </tr>
                                </foreach>
                            </tbody>
                        </table>
                    </div>
                    </div>
                      

               
                
                </div>
        </div>
</div>

                    <script>
                        var ul = document.getElementById('zp-tabbar');
                        var lis = ul.getElementsByTagName('li');
                        var cont = document.getElementById('cont');
                        var divs = cont.getElementsByClassName('div');

                         for(var i=0;i<lis.length;i++){
                            lis[i].index = i;
                            lis[i].onclick = function(){

                                for(var j=0;j<lis.length;j++){
                                    lis[j].className = '';
                                    divs[j].style.display = 'none';
                                }
                                this.className = 'hover';
                                divs[ this.index ].style.display = 'block';
                                            
                            }
                        }
                    </script>

                  
    
        <!-- 公共底部 -->
        <include file="Public/footer"/> 

               <!-- //底部 -->

        
        
               <!-- 留言 -->
        <div class="zs-layer-box" style="display:none;" id="zp-goods-message-box">
            <div class="zs-layer-body">
                <div class="zs-layer-hd"><i class="zs-close" onClick="$.closeWindowBox('zp-goods-message-box')"></i>
                </div>
                <div class="zs-layer-content">
                    <div class="zs-success" id="conzp-success">
                    </div>
                </div>
            </div>
        </div>
        <!-- //留言 -->

        
    </body>
    
    
    
</html>